<ui:composition xmlns="http://www.w3.org/1999/xhtml"
				xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                template="/template/mainTemplate.xhtml">


    <ui:define name="content">
		<script type="text/javascript">
			var style_desce={color: 0xCC0000};

			var style_sobe={color: 0x01494A};

			var graf_style={legend:{display: "bottom"} };

		</script>
		<h:form prependId="false" id="formAnalise">

			<p:messages />
			<div style="display: block;">
				<ul>
					<li>
						<h:outputLabel for="prev" value="Previsão de área plantada na próx. safra:" />
						<h:inputText id="prev" value="#{mainManagedBean.previsaoAreaPlantada}" />
						<p:commandButton value="Simular" action="#{mainManagedBean.criaGraficos()}" process="prev @this" update=":formAnalise:graficos" />
					</li>
					<li>
						<a href="/projetoMiniBI/index.java" >Voltar à página inicial</a>
					</li>
				</ul>
			</div>
			<h:panelGroup id="graficos">
				<div style="display: block;">
					<div style="float: left;" >
						<h3>Área plantada de #{mainManagedBean.culturaSelecionada.nome} + previsão</h3>
						<p:lineChart  model="#{mainManagedBean.cartesianChartModel}" style="graf_style" titleX="Ano" titleY="Área plantada em hectares"/>
					</div>


					<div style="float: left; ">
						<h3>Venda de #{mainManagedBean.produtoSelecionado.nome} + previsão</h3>
						<p:columnChart  model="#{mainManagedBean.cartesianChartModelProduto}" style="graf_style" titleX="Mês do ano" titleY="Vendas(em un/mês)" />
					</div>
				</div>

				<div style="display: block;">
					<div style="float: left;">
						<h3>Previsão de pontos de compra de #{mainManagedBean.produtoSelecionado.nome} para o próximo ano</h3>
						<p:columnChart  model="#{mainManagedBean.cartesianChartModelPrevisaoCompra}" style="graf_style" titleX="Mês do ano" titleY="Quantidade a comprar"  />

					</div>
				</div>
			</h:panelGroup>
		</h:form>

    </ui:define>
</ui:composition>